page {
  background: #fff;
}
.content {
  .progress {
    padding: 65rpx 82rpx;
    .progress-line {
      display: flex;
      padding: 0 67rpx 19rpx 67rpx;
      .apply,
      .wait,
      .done {
        display: flex;
        align-items: center;
        width: 100%;
        .circle {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 30rpx;
          height: 30rpx;
          border-radius: 50%;
          background: linear-gradient(180deg, rgba(201, 105, 255, 1), rgba(152, 152, 255, 1));
          .in-circle {
            width: 16rpx;
            height: 16rpx;
            background-color: #fff;
            border-radius: 50%;
            
          }
          .ing {
            background-color: #7F36FE;
          }
        }
        .circle-undo {
          background: #c9c9c9;
        }
        .line {
          flex: 1;
          border: 1rpx solid #A069FF;
        }
        .line-undo {
          flex: 1;
          border: 1px solid #c9c9c9;
        }
      }
      .done {
        flex: 1;
      }
    }
    .progress-text {
      display: flex;
      justify-content: space-between;
      padding: 0 34rpx 47rpx;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 24rpx;
      font-style: normal;
      .pass {
        color: #827CF9;
      }
      .ing {
        color: #8A47FD;
      }
      .undo {
        color: #C9C9C9;
      }
    }
  }
  .main {
    display: flex;
    flex-direction: column;
    padding: 44rpx 46rpx 0 46rpx ;
    background: #FFFFFF;
    border-radius: 36rpx 36rpx 0rpx 0rpx;
    .publish {
      width: 654rpx;
      height: 277rpx;
    }
    .input {
      margin-top: 47rpx;
      padding: 18rpx 30rpx 39rpx 30rpx;
      background: #EDF1FF;
      border-radius: 24rpx;
      .title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 28rpx;
        color: #000000;
        line-height: 48rpx;
      }
      .card-num,
      .card-pass {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 28rpx 23rpx;
        background: #FFFFFF;
        border-radius: 12rpx;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 28rpx;
        color: #000000;
        line-height: 40rpx;
        input {
          text-align: right;
        }
      }
      .card-num {
        margin-top: 18rpx;
        margin-bottom: 26rpx;
      }
    }
    custom-btn {
      padding: 0 30rpx;
    }
    // 审核
    .review {
      align-self: center;
      width: 350rpx;
      height: 350rpx;
      margin-top: 48rpx;
    }
    .tips {
      align-self: center;
      margin-top: 105rpx;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 34rpx;
      color: #FF1542;
      line-height: 48rpx;
    }
    .reviewing {
      align-self: center;
      margin-top: 115rpx;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 34rpx;
      color: #827CF9;
      line-height: 48rpx;
    }
    .text {
      align-self: center;
      margin-top: 6rpx;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 32rpx;
      color: #737373;
      line-height: 54rpx;
    }
  }
}